<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

	
	<ui:composition template="/template/template.xhtml">
			<ui:define name="pageTitle">Cliente</ui:define>
			<ui:define name="pageHeader">Cadastro de Cliente</ui:define>		
			<ui:define name="body">
				
				 <h:form id="edicao">
                        <h:messages />
                        <h:inputHidden value="#{clienteBean.clienteSelecionado.id}" />
                        
                        <h:panelGrid columns="2">
                                <h:outputLabel value="Nome:" />
                                <h:inputText id="nomeCliente" value="#{clienteBean.clienteSelecionado.nome}"  required="true"/>

                                <h:outputLabel value="CPF:" />
                                <h:inputText value="#{clienteBean.clienteSelecionado.cpf}" >
                                <f:validator validatorId="cpf"/>
                                </h:inputText>
                                

                                <h:outputLabel value="Endereço:" />
                                <h:inputText id="Endereco" value="#{clienteBean.clienteSelecionado.endereco}" required="true" />

                                <h:outputLabel value="E-Mail:" />
                                <h:inputText id="Email" value="#{clienteBean.clienteSelecionado.email}" required="true" />

                                <h:outputLabel value="Renda:" />
                                <h:inputText id="Renda" value="#{clienteBean.clienteSelecionado.renda}" required="true" >
                                <f:convertNumber minFractionDigits="2"/>
                                </h:inputText>

                        </h:panelGrid>

                        <h:commandButton value="Salvar" action="#{clienteBean.salvar}" />
                        <h:commandButton value="Novo Cliente" action="#{clienteBean.novo}" />

                </h:form>

                <h:form id="lista">
                        <h:dataTable value="#{clienteBean.lista}" var="cliente" border="1"  rendered="#{not empty clienteBean.lista}">
                        <f:facet name="header">Listagem de Clientes</f:facet>
                        
                        <h:column>
                        <f:facet name="header">Nome</f:facet>
                        #{cliente.nome}
                        </h:column>
                        
                        <h:column>
                        <f:facet name="header">CPF</f:facet>
                        #{cliente.cpf}
                        </h:column>
                        
                        <h:column>
                        <f:facet name="header">E-Mail</f:facet>
                        #{cliente.email}
                        </h:column>
                                
                                <h:column>
                        <f:facet name="header">Renda</f:facet>
                        
                        <h:outputText value="#{cliente.renda}" >
                                <f:convertNumber currencyCode="BRL" type="currency" />
                        </h:outputText>                 
                        </h:column>
                     
                        <h:column>
                       
                        <f:facet name="header">Ações</f:facet>
                                <h:commandLink  action="#{clienteBean.excluir}"  onclick="if (!confirm('Deseja realmente excluir o cliente #{cliente.nome}?')) return false;">
                                <h:graphicImage library="imagens"  name="remove-icon.jpg"/>
                                <f:setPropertyActionListener target="#{clienteBean.clienteSelecionado}" value="#{cliente}" />
                                </h:commandLink>
                              
                                <h:commandLink>
                                <h:graphicImage library="imagens"  name="wrench-icon.jpg"/>
                                <f:setPropertyActionListener target="#{clienteBean.clienteSelecionado}" value="#{cliente}" />
                                </h:commandLink>
                              
                        </h:column>
                      
                        </h:dataTable>

                </h:form>

        </ui:define>
</ui:composition>

</html>